<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>3G Notifier</title>
        <link rel="stylesheet" href="#{request.contextPath}/templates/css/blueprint/screen.css" type="text/css" media="screen, projection" />
        <!--[if IE]><link rel="stylesheet" href="#{request.contextPath}/templates/css/blueprint/lib/ie.css" type="text/css" media="screen, projection" /><![endif]-->
        <link rel="stylesheet" href="#{request.contextPath}/templates/css/blueprint/plugins/buttons/buttons.css" type="text/css" media="screen, projection" />
        <link rel="stylesheet" href="#{request.contextPath}/templates/css/login.css" type="text/css" media="screen, projection" />

        <!-- Inicio dos Scripts de validação de formuário -->
        <script type="text/javascript" src="#{request.contextPath}/templates/js/validador/SpryValidationTextField.js"></script>
        <link href="#{request.contextPath}/templates/js/validador/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
        <!-- Fim dos Scripts de validação de formuário -->
    </head>

    <body>
        <f:view>
            <div id="top" class="top">
                <h1>3G Notifier</h1>
            </div>
            <div id="content">
                <div id="distance"></div>
                <h:form id="formLogin">
                    <fieldset class="box">
                        <p>
                            <label for="login">Login</label><br />
                            <span id="nomeForm">
                                <h:inputText id="login" value="#{user.login}" styleClass="text" />
                                <span class="textfieldMinCharsMsg smallmsg">O seu login é muito curto. Tem certeza que está correto?</span>
                                <span class="textfieldMaxCharsMsg smallmsg">O seu login é muito grande.</span>
                                <span class="textfieldRequiredMsg smallmsg">Informe um nome de usuário válido!</span>
                            </span>
                        </p>
                        <p>
                            <label for="senha">Senha</label><br />
                            <span id="senhaForm">
                                <h:inputSecret id="senha" redisplay="false" styleClass="text" value="#{user.senha}"/>
                                <span class="textfieldMinCharsMsg smallmsg">A sua senha é muito pequena. Tem certeza que está correto?</span>
                                <span class="textfieldMaxCharsMsg smallmsg">A sua senha é muito grande. Tem certeza que está correto?</span>
                                <span class="textfieldRequiredMsg smallmsg">Informe uma senha para seu usuário!</span>
                            </span>
                        </p>
                        <ui:insert name="mensagem"/>
                        <p align="right">
                            <h:commandButton id="entrar" styleClass="buttonPositive" style="margin-right:6px;" value="Entrar" action="#{user.validar}" />
                        </p>
                    </fieldset>
                    <div align="center" style="padding-top:10px;">
                        <strong>Mobile:</strong> <a href="http://localhost:8080/3GNotifier/mobile" title="Mobile">http://3gnotifier.uefs.br/m</a>
                    </div>
                </h:form>
            </div>
            <div id="footer">
                <ui:insert name="footer">
                    <img src="#{request.contextPath}/templates/imagens/logo_orange256.png" alt="Orange Software House" width="256px" height="95px" />
                </ui:insert>
            </div>
            <!-- Regras de validação do formulário -->
            <script type="text/javascript">
            <!--
            var login = new Spry.Widget.ValidationTextField("nomeForm", "none", {minChars:3, maxChars:20, validateOn:["blur"] });
            var senha = new Spry.Widget.ValidationTextField("senhaForm", "none", {minChars:3, maxChars:20, validateOn:["blur"] });
            //-->
            </script>
        </f:view>
    </body>
</html>
